<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-it" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="it-m1 box">
        <common-title title="选择属于你的未来" top="0.5" bottom="0.44"></common-title>
        <van-swipe v-if="m1.length > 0" class="list" :autoplay="3000" indicator-color="white">
          <van-swipe-item v-for="(items, index) in m1" :key="index">
            <dl class="list flex-bect wrap">
              <dd v-for="(item, index) in items" :key="index" class="item" :class="'item'+index">
                <div class="tit flex-ct">{{item.name}}</div>
                <ul class="ul">
                  <li v-for="(item1, index) in item.list" :key="index" class="li flex-lect">{{item1}}</li>
                </ul>
              </dd>
            </dl>
          </van-swipe-item>
        </van-swipe>
        
      </div>
      <div class="it-m2 box">
        <common-title title="一分耕耘，一分收获，高薪就业不再是梦想" top="0.52" bottom="0.28"></common-title>
        <dl class="list flex-bect wrap">
          <dd v-for="(item, index) in m2" :key="index" class="item" :class="'item'+index">
            <img :src="item" />
          </dd>
        </dl>
      </div>
      <div class="it-m3 box">
        <common-title title="大家在问" top="0.28" bottom="0.34"></common-title>
        <div class="con">
          <dl class="list">
            <dd v-for="(item, index) in m3" :key="index" class="item" :class="'item'+index">
              <div class="name row3">{{item.name}}</div>
              <div class="intro">{{item.intro}}</div>
            </dd>
          </dl>
        </div>
      </div>
      <school-module></school-module>
      <form2-module tit="IT计算机专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/05it/banner.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            [
              {name:'Python数据分析', list:['数据分析','数据调研','数据开发','算法工程师','数据库开发','Python']},
              {name:'前端与移动开发', list:['前端开发工程师','JS工程师','移动开发','产品经理','WEB前端','Ios']},
              {name:'人工智能', list:['机器学习初级工程师','物联网技术','自动化运维','人工智能算法','Linux程序设计','C++语言']}
            ],
            [
              {name:'电商运营', list:['电商设计师','运营设计师','视觉设计师','新媒体运营','产品运营','短视频运营']},
              {name:'大数据', list:['大数据开发工程师','数据仓库工程师','大数据','数据分析师','爬虫工程师','算法工程师']},
              {name:'UI/UE设计', list:['UI设计师','交互设计师','平面设计师','电商设计师','视觉设计师','包装设计师']}
            ]
          ]
          this.m2 = ['./static/image/05it/1.png', './static/image/05it/2.png', './static/image/05it/3.png', './static/image/05it/4.png']
          this.m3 = [
            {name:'软件测试2个月能学会吗? 怎么学比较好', intro:'同学，你好!软件测试2个月能学会吗? 一般2个月学会软件测试还是有难度的，软件测试正常的学习时间是4个月...'},
            {name:'平面设计师主要做什么? 就业方向有哪些？', intro:'同学，你好!平面设计师主要做什么? 平面设计师主要是做网页设计、工业设计和网站美工等工作的。现在平面设...'},
            {name:'物联网主要学什么? 怎么学效率高', intro:'同学，你好!物联网其实是一门交叉学科，涉及的板块有很多，不仅仅是包括了计算机，还包括了电子技术，测控..'},
            {name:'网络安全工程师需要学什么？内容多需要系统化学习', intro:'同学，你好！作为一个网络安全工程师需要学什么呢？其实学习的内容很多，不仅仅要学习网络安全协议，而且还...'},
            {name:'剪辑视频怎么学?原来可以这么简单', intro:'视频行业的兴起，很多主流平台也推出了对于视频创作人员的相关扶持政策，为很多的小伙伴带来了福利，同时也...'},
          ]
        }
        
      }
    })
  </script>
</body>
</html>